<template>
  <div class="login-container">
<!-- 导航栏 -->
<van-nav-bar  class="page-nav-bar" title="登录" />
<!-- 导航栏 -->
<!-- 登录表单 -->
    <van-form @submit="onSubmit">
  <van-field
    name="用户名"
    placeholder="请输入手机号"
    :rules="[{ required: true, message: '请填写手机号' }]"
  >
  <i slot="left-icon" class="iconfont icon-shouji"></i>
  </van-field>
  <van-field
    type="passwords"
    name="密码"
    placeholder="请输入验证码"
    :rules="[{ required: true, message: '请填写验证码' }]"
  >
  <i slot="left-icon" class="iconfont icon-yanzhengma"></i>
  </van-field>
  <div style="margin: 16px;">
    <van-button  block type="info" native-type="submit">提交</van-button>
  </div>
</van-form>
<!-- 登录表单 -->

  </div>
</template>

<script>
export default {
  name: 'LoginPage',
  components: {},
  props: {},
  data () {
    return {}
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {
    onSubmit (values) {
      console.log('submit', values)
    }
  }
}
</script>

<style scoped lang="less">
.iconfont{
font-size: 37px;
}
</style>
